<template>
  <div>
    <div style="height: 2000px;">Scroll to bottom</div>
    <a-float-button
      type="primary"
      :style="{
      top: '24px',
      right:'700px'
    }"
      shape="circle"
      description="1"
    >

    </a-float-button>
    <a-float-button
      type="primary"
      :style="{
      top: '24px',
      right:'600px'
    }"
      style="height: 30px;"
      description="文字"
      tooltip="tooltip内容"
    >
      <template #icon>
        图
      </template>
    </a-float-button>

    <a-float-button-group :style="{ right: '24px' }">
      <a-float-button :badge="{ dot: true }">
        <template #icon>
          1
        </template>
      </a-float-button>
      <a-float-button :badge="{ count: 5, color: 'blue' }" />

    </a-float-button-group>
    <a-back-top
      :badge="{ count: 12 }"
      :visibility-height="0"
    />
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
